fix(settings): responsive Permissions matrix, black-on-yellow tag ink, drop Theme row - #229

#!/bin/bash
set -eu

printf '%s\n' '--- candidate files ---'
fd -i 'permissions|SelectV2' packages/app/src | head -80

printf '%s\n' '--- relevant symbols and call sites ---'
rg -n --glob '*.tsx' --glob '*.ts' 'function SelectV2|const SelectV2|export .*SelectV2|<SelectV2|aria-label|GROUP_LABEL|updateDirectoryEffect' packages/app/src

printf '%s\n' '--- target file outline ---'
ast-grep outline packages/app/src/components/settings-v2/permissions.tsx 2>/dev/null || true

#!/bin/bash
set -eu

printf '%s\n' '--- permissions imports and target region ---'
sed -n '1,45p' packages/app/src/components/settings-v2/permissions.tsx
sed -n '250,305p' packages/app/src/components/settings-v2/permissions.tsx

printf '%s\n' '--- SelectV2 definition and prop types ---'
rg -n --glob '*.tsx' --glob '*.ts' 'SelectV2' packages | head -120
rg -n --glob '*.tsx' --glob '*.ts' 'select-v2|selectV2|SelectProps' packages/app/src packages/ui 2>/dev/null | head -120

#!/bin/bash
set -eu

printf '%s\n' '--- SelectV2 implementation ---'
sed -n '1,225p' packages/ui/src/v2/components/select-v2.tsx

printf '%s\n' '--- SelectV2 usage with aria-label ---'
sed -n '85,255p' packages/app/src/components/settings-v2/general.tsx
sed -n '1,190p' packages/ui/src/v2/components/select-v2.stories.tsx

#!/bin/bash
set -eu

printf '%s\n' '--- Kobalte dependency and local package metadata ---'
rg -n --glob 'package.json' --glob 'bun.lock' --glob 'bun.lockb' '`@kobalte/core`' . | head -40

printf '%s\n' '--- SelectV2 prop flow for aria attributes ---'
rg -n --glob '*.tsx' --glob '*.ts' 'splitProps\(|aria-labelledby|aria-label|createSelect' packages/ui/src/v2 packages/ui/src | head -160

#!/bin/bash
set -eu

tmpdir="$(mktemp -d)"
trap 'rm -rf "$tmpdir"' EXIT

for file in \
  packages/core/src/select/select-trigger.tsx \
  packages/core/src/select/select-root.tsx \
  packages/core/src/select/select.tsx
do
  url="https://raw.githubusercontent.com/kobaltedev/kobalte/v0.13.11/$file"
  status="$(curl -L --silent --show-error --output "$tmpdir/$(basename "$file")" --write-out '%{http_code}' "$url" || true)"
  printf '%s %s\n' "$status" "$file"
  if [ "$status" = 200 ]; then
    rg -n -C 5 'aria-label|splitProps|Trigger|createSelect' "$tmpdir/$(basename "$file")" | head -160
  fi
done

#!/bin/bash
set -eu

ref="$(curl -L --silent --show-error 'https://api.github.com/repos/kobaltedev/kobalte/git/ref/tags/v0.13.11')"
printf '%s\n' "$ref" | jq '{ref: .ref, type: .object.type, sha: .object.sha}'

sha="$(printf '%s\n' "$ref" | jq -r '.object.sha')"
if [ "$(printf '%s\n' "$ref" | jq -r '.object.type')" = tag ]; then
  sha="$(curl -L --silent --show-error "https://api.github.com/repos/kobaltedev/kobalte/git/tags/$sha" | jq -r '.object.sha')"
fi

curl -L --silent --show-error "https://api.github.com/repos/kobaltedev/kobalte/git/trees/$sha?recursive=1" |
  jq -r '.tree[].path' |
  rg 'select.*(trigger|root|index)|select/' |
  head -80

#!/bin/bash
set -eu

repo='https://api.github.com/repos/kobalte/kobalte'
default_sha="$(curl -L --silent --show-error "$repo" | jq -r '.default_branch')"
printf 'default branch: %s\n' "$default_sha"

curl -L --silent --show-error "$repo/git/trees/$default_sha?recursive=1" |
  jq -r '.tree[].path' |
  rg '(^|/)select.*(trigger|root|index)|select/' |
  head -100

#!/bin/bash
set -eu

for url in \
  'https://unpkg.com/@kobalte/core@0.13.11/package.json' \
  'https://unpkg.com/@kobalte/core@0.13.11/select/index.js' \
  'https://unpkg.com/@kobalte/core@0.13.11/dist/index.js'
do
  printf '\n--- %s ---\n' "$url"
  curl -L --silent --show-error --fail "$url" | head -40 || true
done

#!/bin/bash
set -eu

url='https://registry.npmjs.org/@kobalte%2fcore/0.13.11'
printf '%s\n' '--- npm package metadata ---'
metadata="$(curl --silent --show-error --fail "$url")"
printf '%s\n' "$metadata" | jq '{version, tarball: .dist.tarball}'

tarball="$(printf '%s\n' "$metadata" | jq -r '.dist.tarball')"
tmp="$(mktemp)"
trap 'rm -f "$tmp"' EXIT
curl --silent --show-error --fail "$tarball" -o "$tmp"

printf '%s\n' '--- select-related archive paths ---'
tar -tzf "$tmp" | rg 'select|package.json' | head -80

printf '%s\n' '--- aria-label references in select implementation ---'
tar -xOzf "$tmp" --wildcards 'package/dist/*select*' 2>/dev/null |
  rg -n -C 3 'aria-label|aria-labelledby|Trigger' | head -160 || true

#!/bin/bash
set -eu

metadata="$(curl --silent --show-error --fail 'https://registry.npmjs.org/@kobalte%2fcore/0.13.11')"
tarball="$(printf '%s\n' "$metadata" | jq -r '.dist.tarball')"
archive="$(mktemp)"
trap 'rm -f "$archive"' EXIT
curl --silent --show-error --fail "$tarball" -o "$archive"

printf '%s\n' '--- select implementation archive files ---'
tar -tzf "$archive" | rg 'package/dist/(chunk/.*(select|JL7SEB2K)|index-30251fee|select/)' | head -100

printf '%s\n' '--- root/trigger implementation ---'
for path in \
  package/dist/chunk/JL7SEB2K.jsx \
  package/dist/chunk/7ZVQULJJ.js \
  package/dist/index-30251fee.js
do
  if tar -tzf "$archive" | grep -qx "$path"; then
    printf '\n### %s\n' "$path"
    tar -xOzf "$archive" "$path" |
      rg -n -C 8 'SelectRoot|SelectTrigger|aria-label|aria-labelledby|createComponent' |
      head -260
  fi
done

#!/bin/bash
set -eu

metadata="$(curl --silent --show-error --fail 'https://registry.npmjs.org/@kobalte%2fcore/0.13.11')"
tarball="$(printf '%s\n' "$metadata" | jq -r '.dist.tarball')"
archive="$(mktemp)"
out="$(mktemp)"
trap 'rm -f "$archive" "$out"' EXIT
curl --silent --show-error --fail "$tarball" -o "$archive"
tar -xOzf "$archive" package/dist/chunk/JL7SEB2K.jsx > "$out"

printf '%s\n' '--- SelectBase form-control and root prop flow ---'
sed -n '238,459p' "$out"

printf '%s\n' '--- SelectTrigger field prop flow ---'
sed -n '497,755p' "$out"